{% extends "base.html" %}

{% block conteudo %}
<script>
$(document).ready(function() {
	document.getElementById('page_center').scrollIntoView();
});
</script>
<section class="relatorio_caixa">
    {% if categorias %}
    <input id="busca" type="text" name="busca" placeholder="Busca" autofocus />
    
    {% if perms.estoque.add_produto %}
    <a class="adicionar" href="/admin/estoque/produto/add/">Adicionar produto</a>
    {% endif %}
    {% for categoria in categorias %}
    {% if categoria.produtos %}
    <table>
        <h3 class="tabela_titulo">{{ categoria }} {% if perms.estoque.add_produto %}| <a class="adicionar" href="/admin/estoque/produto/add/?categoria={{ categoria.id }}">Adicionar</a>{% endif %}</h3>
        <tr>
            <th class="text_right">Código</th>
            <th class="text_left" style="width: 50%;">Descrição</th>
            <th class="text_right">Preço</th>
            <th class="text_right">Em estoque</th>
            <th class="text_right">Mínimo</th>
            <th class="text_right">Vendido</th>
            <th class="text_right">Opções</th>
        </tr>
        {% for produto in categoria.produtos %}
        <tr class="produto {% if forloop.counter0|divisibleby:"2" %}par{% else %}impar{% endif %} {%if produto.aviso %}vermelho{% endif %}" title="{%if produto.aviso %}Produto com quantidade mínima{% endif %}">
            <td class="text_right">{{ produto.codigo }}</td>
            <td class="text_left">{{ produto|upper }}</td>
            <td class="text_right">R$ {{ produto.preco_de_venda|floatformat:2 }}</td>
            <td class="text_right">{{ produto.quantidade }} {% if produto.unidade != 'Un' %}{{ produto.unidade }}{% endif %}</td>
            <td class="text_right">{{ produto.minimo }} {% if produto.unidade != 'Un' %}{{ produto.unidade }}{% endif %}</td>
            <td class="text_right">{{ produto.quantidade_vendida }} {% if produto.unidade != 'Un' %}{{ produto.unidade }}{% endif %}</td>
            <td class="text_right">{% if perms.estoque.change_produto %}<a href="/admin/estoque/produto/{{ produto.id }}/">Editar</a>{% endif %}</td>
        </tr>
        {% endfor %}
    </table>
    {% else %}
    <p id="mensagem">Nenhuma produto cadastrado nesta categoria. <a href="/admin/estoque/produto/add/?categoria={{ categoria.id }}">Adicionar</a></p>
    {% endif %}
    {% endfor %}
    {% else %}
    <script type="text/javascript">
    $(document).ready(function() {
    	$("#mensagem a").focus();
    });
    </script>
    <p id="mensagem">Nenhuma produto cadastrado. <a href="/admin/estoque/produto/add/">Começar</a></p>
    {% endif %}
</section>
{% endblock %}

